<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta name="keywords" content="bootstrap 4, premium, multipurpose, ecommerce, html5, CSS" />
    <meta name="description" content="Bootstrap 4 Landing Page Template" />
    <meta name="author" content="www.themesground.com" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>佩奇牧场</title>

    <link rel="shortcut icon" href="/images/pagepig.ico" />

    <link href="/css/theme-plugin.css" rel="stylesheet" />
    <link href="/css/theme.min.css" rel="stylesheet" />
    <link href="/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
<div class="page-wrapper">
    <div id="ht-preloader">
        <div class="loader clear-loader"> <img class="img-fluid" src="/images/loader.gif" alt=""> </div>
    </div>

    <header class="site-header header-1">
        <div id="header-wrap">
            <div class="container">
                <div class="row">
                    <!--menu start-->
                    <div class="col">
                        <nav class="navbar navbar-expand-lg navbar-light position-static">
                            <a style="width: 64px;height: 64px;" href="index.html"> <img class="img-fluid" src="/images/pplogo.png" alt=""> </a>
                            <a class="navbar-brand logo" href="index.html"> <img class="img-fluid" src="/images/logo001.png" alt=""> </a>
                            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
                            <div class="collapse navbar-collapse" id="navbarNav">
                                <ul class="navbar-nav ml-auto mr-auto">

                                    <li class="nav-item dropdown position-static"> <a class="nav-link dropdown-toggle" href="#" style="color: red;">猪肉分类</a>
                                        <div class="dropdown-menu w-100">
                                            <!-- Tabs -->
                                            <div class="container p-0">
                                                <div class="row w-100 no-gutters">
                                                    <div class="col-lg-8 p-lg-3">
                                                        <div class="row">
                                                            <div class="col-12 col-md-3 col-sm-6">
                                                                <div class="mb-2 font-w-5 text-link">300天喂养</div>
                                                                <!-- Links -->
                                                                <ul class="list-unstyled mb-6 mb-md-0">
                                                                    <li> <a href="#">Caps &amp; Hats</a> </li>
                                                                    <li> <a href="#">Gloves &amp; Arm Warmers</a></li>
                                                                    <li> <a href="#">测试</a></li>
                                                                    <li> <a href="#">测试</a></li>
                                                                </ul>
                                                            </div>
                                                            <div class="col-12 col-md-3 col-sm-6">
                                                                <!-- Heading -->
                                                                <div class="mb-2 font-w-5 text-link">特色黑猪</div>
                                                                <!-- Links -->
                                                                <ul class="list-unstyled mb-6 mb-md-0">
                                                                    <li> <a href="#">测试</a> </li>
                                                                    <li> <a href="#">Chains &amp; Necklaces</a></li>
                                                                    <li> <a href="#">Bangles &amp; Bracelets</a></li>
                                                                    <li> <a href="#">测试</a></li>
                                                                    <li> <a href="#">测试</a></li>
                                                                </ul>
                                                            </div>
                                                            <div class="col-12 col-md-3 col-sm-6">
                                                                <!-- Heading -->
                                                                <!-- Links -->
                                                                <div class="mb-2 font-w-5 text-link">熟食腊味</div>
                                                                <ul class="list-unstyled mb-0">
                                                                    <li> <a href="#">Running Shoes</a> </li>
                                                                    <li> <a href="#">测试</a></li>
                                                                    <li> <a href="#">Loafers &amp; Moccasins</a></li>
                                                                    <li> <a href="#">Boots</a></li>
                                                                    <li> <a href="#">Formal Shoes</a></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 d-none d-lg-block pr-2"> <a href="#"><img class="img-fluid rounded-bottom rounded-top" src="/images/header-img.jpg" alt="..."></a> </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="nav-item "> <a class="nav-link" href="about-us.html" data-toggle="dropdown">农场养殖</a>

                                    </li>
                                    <li class="nav-item dropdown">
                                        <a class="nav-link dropdown-toggle" onclick="getGoodsByCategory(this)" value="-1" data-toggle="dropdown">商城</a>
                                        <ul class="dropdown-menu" id="goodsCategory">

                                        </ul>
                                    </li>
                                    <li> <a class="nav-link" href="#" >特色菜谱</a>
                                    </li>
                                    <li class="nav-item"> <a class="nav-link" href="about-us.html">关于我们</a> </li>
                                </ul>
                            </div>
                            <div class="right-nav align-items-center d-flex justify-content-end">
                                <a href="login.html" >现在登录 &nbsp;</a>|
                                <a href="signup.html" style="color: #000000;">&nbsp;注册</a>
                                <div class="mr-1 mr-sm-3 search-block"> <a href="javascript:void(0);" class="search_trigger ml-3"><i class="las la-search"></i></a>
                                    <div class="search_wrap container"> <span class="close-search"><i class="ion-ios-close-empty"></i></span>
                                        <form>
                                            <input style="color: #000000;" type="text" placeholder="Search" class="form-control" id="search_input">
                                            <button type="submit" class="search_icon"><i class="las la-search"></i></button>
                                        </form>
                                    </div>
                                </div>
                                <a class="mr-1 mr-sm-3" href="my-account.html"><i class="las la-user-alt"></i></a>
                                <div class="dropdown cart_dropdown"> <a class="d-flex align-items-center" href="#"> <span class="bg-white pr-2 pl-0 py-1 rounded" data-cart-items="2"> <i class="las la-shopping-bag"></i> </span> </a>
                                    <div class="cart_box dropdown-menu dropdown-menu-right">
                                        <ul class="cart_list">

                                        </ul>
                                        <!-- 购物车提交 -->
                                        <div class="cart_footer">
                                            <p class="cart_total"><strong>总金额:</strong> <span class="cart_price"> <span class="price_symbole">$</span></span>150.00</p>
                                            <p class="cart_buttons" ><a href="shopping-cart.html" class="btn btn-secondary view-cart ml-2 mr-2">查看购物车</a><a href="localhost:8091/alipay" class="btn btn-primary ml-2 mr-2 checkout" onclick="itempay()">付款</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </nav>
                    </div>
                    <!--menu end-->
                </div>
            </div>
        </div>
    </header>

    <!-- 在此div中使用load加载对应的页面  -->
    <div id="pageLoad">

    </div>

    <!--footer start-->
    <footer class="py-11 bg-dark-1">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-4"> <a class="footer-logo text-white h2 mb-0" href="index.html"> <img class="img-fluid" src="/images/logo001.png" alt=""> </a>

                </div>
                <div class="col-12 col-lg-8 mt-6 mt-lg-0">
                    <h5 style="color: white;">佩奇牧场，专注于提供高品质肉类生产及行业解决方案，通过创新技术引领现代农业革新，为中国消费者提供安全、美味的优质食品。</h5>
                </div>
            </div>
            <div class="row pt-9">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="d-flex footer-box">
                        <div class="mr-4"> <i class="las la-map-marker-alt ic-2x icon-img"></i> </div>
                        <div>
                            <h6 class="mb-1 text-white font-w-5">公司地址</h6>
                            <p class="mb-0 font-w-4 text-muted">广东省珠海市</p>
                            <p class="mb-0 font-w-4 text-muted">香洲区国贸大厦88楼 佩奇牧场</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="d-flex footer-box">
                        <div class="mr-4"> <i class="las la-envelope ic-2x icon-img"></i> </div>
                        <div>
                            <h6 class="mb-1 text-white font-w-5">联系邮箱</h6>
                            <p class="mb-0 font-w-4 text-muted" href="mailto:themeht23@gmail.com"> pagepigmc@gmail.com</p>
                            <p class="mb-0 font-w-4 text-muted" href="mailto:themeht23@gmail.com"> pqmc@gmail.com</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="d-flex footer-box">
                        <div class="mr-4"> <i class="las la-mobile ic-2x icon-img"></i> </div>
                        <div>
                            <h6 class="mb-1 text-white font-w-5">联系我们</h6>
                            <p class="mb-0 font-w-4 text-muted">24/7客服</p>
                            <p class="mb-0 font-w-4 text-muted">+400 888 2333 </p>
                        </div>
                    </div>
                </div>
            </div>
            <div >
                <br><br />
                <div style="text-align: center;color: white;"><small>Copyright ©&copy; 2020 佩奇牧场  pqmc.xyz All Rights Reserved</small> </div>
            </div>
        </div>
    </footer>
    <!--footer end-->
</div>

<script src="/js/jquery-3.5.1.min.js"></script> <script src="/js/popper.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/owl.carousel.min.js"></script>
<script src="/js/light-slider.js"></script>
<script src="/js/parallax.js"></script>
<script src="/js/magnific-popup.min.js"></script>
<script src="/js/jquery.countdown.min.js"></script>
<script src="/js/jquery.dd.min.js"></script>
<script src="/js/validator.js"></script>
<script src="/js/wow.js"></script>
<script src="/js/theme-script.js"></script>
<script>
    $(function () {
        doLoadUrl("/page/index");
        //加载所有的商品目录信息
        doLoadGoodsCategory();
    });
    function doLoadUrl(url) {
        $("#pageLoad").load(url);
    }
    
    function doLoadGoodsCategory() {
        let url = "/cate/doFindAllCategory";
        $.getJSON(url,(result)=>{
            let data = result.data;
            for (item of data) {
                if (item.status == 1 && item.parentId ==1) {
                    let str = "<li><a onclick='getGoodsByCategory(this)' value='"+item.id+"' >"+item.name+"</a></li>";
                    $("#goodsCategory").append(str);
                }
            }
        });
    }

    function getGoodsByCategory(id) {
        let categoryId = $(id).attr("value");
        // $(".page-wrapper").removeData("categoryId");
        $(".page-wrapper").data("categoryId", categoryId);
        doLoadUrl("/page/itemList")
    }

</script>
</body>
</html>
<!--header end-->